.banner {
	width: 1900px;
	height: 310px;
	margin: 0 auto;
	img {
		width: 100%;
		height: 100%;
	}
}

.wrap {
	zoom: 1;
	&:after {
		content: '';
		display: block;
		clear: both;
	}
	>div.contain {
		overflow: hidden;
		padding: 16px 0 25px 0; 
		.bread-nav {
		float: left;
		}
		.category {
		float: right;
		ul {
			overflow: hidden;
			border-bottom: 1px solid #ebecec;
			li {
				float: left;
				&.active {
					a {
						border-bottom: 2px solid #2577e3;
					}
				}
				&:hover {
					a {
						border-bottom: 2px solid #2577e3;
					}
				}
				&.sort {
					margin: 0 10px;
					a {
						padding-right: 24px;
    					background: transparent url(../images/icons/icon-sortable.png) no-repeat 100% center;
					}
				}
				a {
					display: inline-block;
    				padding: 6px 15px;
    				border-bottom: 2px solid transparent;
    				color: #231815;
    				text-decoration: none;
				}
			}
		}
		}
	}
	div.left {
		width: 250px;
		float: left;
		.block {
			margin-bottom: 10px;
			border: 1px solid #e2e2e3;
			>div {
				padding: 18px 20px;
				span.title {
					color: #717071;
				}
				p {
					margin-top: 5px;
					margin-bottom: 10px;
					height: 36px;
					background: #d7d8d8;
					span.input-group-addon {
						padding-left: 2px;
					}
					span i {
						font-size: 24px;
						color: #fff;
					}
					input {
						color: #595757;
					}
					span,input {
						height: 36px;
						background: #d7d8d8;
					}
				}
			}
			ul {
				padding-top: 10px;
				li {
					margin-bottom: 17px;
					&.active {
						i {
							background: #2577e3;
						}
						span {
							color: #2577e3;
						}
					}
					i {
						display: inline-block;
						width: 10px;
						height: 10px;
						margin-right: 8px;
						background: #d7d8d8;
					}
					span {
						color: #595757;
					}
				}
			}
			h2 {
				height: 40px;
				line-height: 40px;
				padding-left: 18px;
				background: #d7d8d8;
				i {
					width: 35px;
					text-align: center;
					color: #fff;
					background: #b0b0b1;
					float: right;
					cursor: pointer;
				}
			}
		}
	}
	div.right {
		width: 910px;
		float: right;
		.nodata {
			border: 1px solid #cccccc;
			height: 50px;
			line-height: 50px;
			padding-left: 12px;
			margin-bottom: 24px;
			a {
				color: #2577e3;
			}
		}
		>p {
			font-size: 18px;
			margin-bottom: 20px;
		}
		img {
			width: 350px;
			height: 240px;
			float: left;
		}
		div.item {
			margin-bottom: 30px;
			position: relative;
			i.blue-hot {
				left: 10px;
				top: 1px;
				width: 41px;
				height: 38px;
				position: absolute;
				background: url('../images/blue-hot.png');
			}
		}
		div.item-content {
			height: 240px;
			padding: 25px 28px 17px 28px;
			margin-left: 350px;
			background-color: #eaeaeb;
			&:hover {
				background-color: #2577E3;
				color: #fff;
				div.price {
					border-bottom: 1px solid #fff;
				}
				.price i, h3, .theme {
					color: #fff;
				}
			}
			h3 {
				color: #2577e3;
				font-size: 24px;
				margin-bottom: 15px;
			}
			p {
				font-size: 12px;
				margin-bottom: 6px;
				line-height: 18px;
			}
			div.price {
				padding-bottom: 10px;
				margin-bottom: 14px;
				border-bottom: 1px solid #dbdbdc;
				span {
					font-size: 18px;
					i {
						font-size: 24px;
					}
				}
				>i {
					color: #848484;
					font-size: 12px;
					&:first-of-type {
						margin-left: 90px;
					}
					&:last-of-type {
						margin-left: 20px;
					}
				}
			}
			span.theme {
				color: #848484;
			}
		}
	}
	div.carousel {
		padding-top: 44px;
		margin-bottom: 120px;
		>span {
			height: 35px;
			font-size: 24px;
			display: inline-block;
			padding-bottom: 10px;
			border-bottom: 1px solid #2577e3;
			margin-bottom: 33px;
		}
	}
}
.custom {
	width: 100%;
	height: 268px;
	margin-top: 55px;
	text-align: center;
	background: #ebebeb;
	>div {
		padding-top: 40px;
		margin: 0 auto;
		width: 458px;
		h3 {
			font-size: 36px;
			margin-bottom: 33px;
		}
		p {
			font-size: 20px;
			line-height: 28px;
			margin-bottom: 33px;
		}
		a {
			display: inline-block;
			width: 200px;
			height: 43px;
			font-size: 20px;
			border: 2px solid #b5b5b6;
			background: #2577e3;
			color: white;
			border-radius: 20px;
			line-height: 43px;
		}
	}
}
.swiper-container {
	width: 1140px;
	overflow: hidden;
	.swiper-wrapper {

	}
	.swiper-slide {
		display: block;
		height: 330px;
		width: 350px !important;
		margin: 0 15px;
		border: 1px solid #ebebeb;
		text-align: center;
		line-height: 440px;
		>div {
			height: 240px;
			&:hover {
				.shadow {
					display: table
				}
			}
			.shadow {
				background: rgba(3,3,3,0.7);
				height: 240px;
				width: 100%;
				display: none;
				line-height: normal;
				div {
					display: table-cell;
					color: #fff;
					vertical-align: middle;
					p:last-of-type {
						font-size: 16px;
					}	
				}
			}
		}
		>p {
			font-size: 18px;
			padding: 20px 14px;
			line-height: normal;
			
		}
	}
	a:first-of-type>div {
		background: url('../images/search-list-item.png') no-repeat;
	}
	a:nth-of-type(2)>div{
		background: url('../images/search-list-item.png') no-repeat;
	}
	a:nth-of-type(3)>div{
		background: url('../images/search-list-item.png') no-repeat;
	}
	a:nth-of-type(4)>div{
		background: url('../images/search-list-item.png') no-repeat;
	}
	a:nth-of-type(5)>div{
		background: url('../images/search-list-item.png') no-repeat;
	}
	a.swiper-slide {
		background-position: center
	}
	.swiper-button-prev, .swiper-button-next {
		width: 60px;
		height: 100px;
		border-radius: 3px;
		cursor: pointer;
		background: rgba(3,3,3,0.5);
		text-align: center;
		line-height: 100px;
		i {
			color: #fff;
			font-size: 36px;
		}
	}
	.swiper-button-prev {
		left: 0px;
    	top: 90px;
	}
	.swiper-button-next {
		top: 90px;
		right: 0px;
	}
}
